<template>
  <el-slider v-bind="$attrs" v-model="value" />
</template>

<script setup lang="ts">
import { computed } from 'vue'

const props = defineProps({
  modelValue: [String, Object]
})

const emits = defineEmits({
  'update:modelValue': (data) => !!data
})

const value = computed({
  get() {
    return props.modelValue
  },
  set(val) {
    emits('update:modelValue', val)
  }
})
</script>

<style scoped></style>
